 // 步骤 1 设置一个入口函数
//  步骤2  设置Getuser()函数 并发送Ajax的GET请求



$(function () {
  // 调用 Getuser()函数
      Getuser();

  var layer = layui.layer;
    // 给退出按钮添加一个点击事件
   $('#tuichu').on('click', function () {
            //  提示用户是否退出
            layer.confirm('想他妈的退出?', {icon: 3, title:'提示'}, function(index){
              //do something
              
              layer.close('index');
            });
   });


});

//  获取用户基本信息
// 设置一个函数
function Getuser() {
  // var layer = layul.layer;
  $.ajax({
    method: "GET",
    url: "/my/userinfo",
    // headers: {
    //   Authorization: localStorage.getItem("token") || "",
    // },
    success: function (res) {
      if (res.status !== 0) {
             return layul.layer.msg('获取用户信息失败')
      }
        //  调用下面的函数
      Avatar(res.data);
    },
  });
        
}


//////以下逻辑不是很清晰  需要在看一遍
     
        // 渲染用户头像 构造一个函数
  function Avatar(user) {
        //  获取用户名称 用name变量接受
    var name = user.nickname || user.username
    //  获取欢迎文本
    $('#welcome').html("欢迎&nbsp&nbsp" + name)
    // 然后按需去渲染用户的头像
    if (user.user_pic !== null) {
        //  这句话说明如果用户输入了头像 就显示头像
      $(".layui-nav-img").attr('src', user.user_pic).show();
      $(".wenzi").hide();
    } else {
          // 渲染文本头像
      $(".layui-nav-img").hide();
      var frist = name[0].toUpperCase()
      $('.wenzi').html(frist).show();
    }
}
